<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

    <script src="./axios.js"> </script>
    <script>
      // promise 没有完全解决回调地狱
      // 因为promise 链式调用需要 reuturn下一个promise对象
        // axios({
        //   url:"https://api.oioweb.cn/api/common/teladress",
        //   method:"get",
        //   data:{
        //     mobile:18600002762
        //   }
        // }).then(res=>{
        //     console.log(res) //表情包
        //     return axios({
        //           url:"https://api.oioweb.cn/api/picture/miyoushe_avatar",
        //           method:"get"
        //     })
        // }).then(res=>{
        //    console.log(res) //头像的数据
        // })

        // es6新增了async 和await 组合完全解决地狱回调问题
        // async 和await 的默认返回值是promise对象
        // 解决了 异步编程的执行顺序
        // 让异步操作 完全以同步代码的书写方式展现 
        async function loadData() { 
            console.log(111)
            let res=await axios({
              url:"https://api.oioweb.cn/api/common/teladress",
                method:"get",
                data:{
                  mobile:18600002762
                }
            })
            console.log(res,"--------------")
            console.log(222)
            let touxiangRes=await axios({
               url:"https://api.oioweb.cn/api/picture/miyoushe_avatar",
               method:"get"
            })
            console.log(touxiangRes,"***********")
            console.log(333)
            let myres=await axios({
              url:"https://api.oioweb.cn/api/common/GasolinePriceQuery",
              method:"get"
            })
            console.log(myres)
        }
       loadData()


    </script>
</body>
</html>